<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>单身解救集中营</title>
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.artDialog.min.js" ></script>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<div class="header">
		<ul>
			<li class="current">
				<a href="javascript:;">单身解救集中营</a>
				</li>
			<li class="">
				<a href="javascript:;">微博女神</a>				
			</li>
		</ul>
		<a class="havesay" href="javascript:;">我有话说</a>
		<a class="keepit" href="javascript:;">❤ 点这里收藏网站</a>
	</div>
	<div class="mblog">
		<p>
			<span>"</span>
			花了两天的时间网站终于做好了,接下来我会利用下班时间进行更新的,争取是每天更新,如果你觉得这个网站做的还成,帮我在微博@<a class="keepit" href="javascript:;">我</a>宣传下吧?嘻嘻,我会跑去评论的!
			<span>"</span>
		</p>
		<p class="tr">
			<strong>@单身屌丝程序员</strong>
			<a href="#" target="_blank">关注</a>
		</p> 

	</div>
	<div class="main">
		<div class="tool">
			<a class="fn_right pages" href="javascript:;">下一页</a>
			<a class="fn_right pages" href="javascript:;">上一页</a>
			<div class="tool_box">
				<span>性别</span>
				<label>
					<input type="radio" value="" name="" checked="checked"  />
					全部
				</label>
				<label>
					<input type="radio" value="" name="" />
					男
				</label>
				<label>
					<input type="radio" value="" name="" />
					女
				</label>
			</div>
			<div class="tool_box">
				<span>属性</span>
				<label>
					<input type="radio" value="" name="" checked="checked" />
					全部
				</label>
				<label>
					<input type="radio" value="" name="" />
					学生
				</label>
				<label>
					<input type="radio" value="" name="" />
					青年
				</label>
				<label>
					<input type="radio" value="" name="" />
					中年
				</label>
			</div>
			<div class="tool_box">
				<span>类型</span>
				<label>
					<input type="radio" value="" name="" checked="checked" />
					全部
				</label>
				<label>
					<input type="radio" value="" name="" />
					婚恋
				</label>
			</div>
		</div>
		<div class="conter">
			<ul>
				<li>
					<a href="#">
						<div class="imgbox">
							<img src="http://photo.025.com/photoserver/photo/2013/5/3/3e687033a0aa430494d43402b381978d.jpg" />
							<span class="title">我是一朵花</span>
						</div>
						<div class="info">
							<span class="w40">广东广州</span>
							<span class="w20">女</span>
							<span class="w20">23岁</span>
						</div>
					</a>	
					<div class="pbox">
						<p>怎么发现的?</p>
						<p class="mb10px">来自<a href="#" target="_blank">@解救单身青年</a></p>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<span class="col4">善良</span>
						<span class="col5">真美</span>
						<span class="col6">蛮会装b</span>
						<span class="col7">御姐feel</span>
						<span class="col8">小女孩</span>
						<span class="col9">高笑</span>
						<span class="col0">长得挺小</span>
						
						<b class="vote">7.5分</b>
					</div>
				</li>
				<li>
					<a href="#">
						<div class="imgbox">
							<img src="http://photo.025.com/photoserver/photo/2013/5/3/3e687033a0aa430494d43402b381978d.jpg" />
							<span class="title">我是一朵花</span>
						</div>
						<div class="info">
							<span class="w40">广东广州</span>
							<span class="w20">女</span>
							<span class="w20">23岁</span>
						</div>
					</a>	
					<div class="pbox">
						<p>怎么发现的?</p>
						<p class="mb10px">来自<a href="#" target="_blank">@解救单身青年</a></p>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<span class="col4">善良</span>
						<span class="col5">真美</span>
						<span class="col6">蛮会装b</span>
						<span class="col7">御姐feel</span>
						<span class="col8">小女孩</span>
						<span class="col9">高笑</span>
						<span class="col0">长得挺小</span>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<b class="vote">7.5分</b>
					</div>
				</li>
				<li>
					<a href="#">
						<div class="imgbox">
							<img src="http://photo.025.com/photoserver/photo/2013/5/3/3e687033a0aa430494d43402b381978d.jpg" />
							<span class="title">我是一朵花</span>
						</div>
						<div class="info">
							<span class="w40">广东广州</span>
							<span class="w20">女</span>
							<span class="w20">23岁</span>
						</div>
					</a>	
					<div class="pbox">
						<p>怎么发现的?</p>
						<p class="mb10px">来自<a href="#" target="_blank">@解救单身青年</a></p>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<span class="col4">善良</span>
						<span class="col5">真美</span>
						<span class="col6">蛮会装b</span>
						<span class="col7">御姐feel</span>
						<span class="col8">小女孩</span>
						<span class="col9">高笑</span>
						<span class="col0">长得挺小</span>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<b class="vote">7.5分</b>
					</div>
				</li>
				<li>
					<a href="#">
						<div class="imgbox">
							<img src="http://photo.025.com/photoserver/photo/2013/5/3/3e687033a0aa430494d43402b381978d.jpg" />
							<span class="title">我是一朵花</span>
						</div>
						<div class="info">
							<span class="w40">广东广州</span>
							<span class="w20">女</span>
							<span class="w20">23岁</span>
						</div>
					</a>	
					<div class="pbox">
						<p>怎么发现的?</p>
						<p class="mb10px">来自<a href="#" target="_blank">@解救单身青年</a></p>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<span class="col4">善良</span>
						<span class="col5">真美</span>
						<span class="col6">蛮会装b</span>
						<span class="col7">御姐feel</span>
						<span class="col8">小女孩</span>
						<span class="col9">高笑</span>
						<span class="col0">长得挺小</span>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<b class="vote">7.5分</b>
					</div>
				</li>
				<li>
					<a href="#">
						<div class="imgbox">
							<img src="http://photo.025.com/photoserver/photo/2013/5/3/3e687033a0aa430494d43402b381978d.jpg" />
							<span class="title">我是一朵花</span>
						</div>
						<div class="info">
							<span class="w40">广东广州</span>
							<span class="w20">女</span>
							<span class="w20">23岁</span>
						</div>
					</a>	
					<div class="pbox">
						<p>怎么发现的?</p>
						<p class="mb10px">来自<a href="#" target="_blank">@解救单身青年</a></p>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<span class="col4">善良</span>
						<span class="col5">真美</span>
						<span class="col6">蛮会装b</span>
						<span class="col7">御姐feel</span>
						<span class="col8">小女孩</span>
						<span class="col9">高笑</span>
						<span class="col0">长得挺小</span>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<b class="vote">7.5分</b>
					</div>
				</li>
				<li>
					<a href="#">
						<div class="imgbox">
							<img src="http://photo.025.com/photoserver/photo/2013/5/3/3e687033a0aa430494d43402b381978d.jpg" />
							<span class="title">我是一朵花</span>
						</div>
						<div class="info">
							<span class="w40">广东广州</span>
							<span class="w20">女</span>
							<span class="w20">23岁</span>
						</div>
					</a>	
					<div class="pbox">
						<p>怎么发现的?</p>
						<p class="mb10px">来自<a href="#" target="_blank">@解救单身青年</a></p>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<span class="col4">善良</span>
						<span class="col5">真美</span>
						<span class="col6">蛮会装b</span>
						<span class="col7">御姐feel</span>
						<span class="col8">小女孩</span>
						<span class="col9">高笑</span>
						<span class="col0">长得挺小</span>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<b class="vote">7.5分</b>
					</div>
				</li>
				<li>
					<a href="#">
						<div class="imgbox">
							<img src="http://photo.025.com/photoserver/photo/2013/5/3/3e687033a0aa430494d43402b381978d.jpg" />
							<span class="title">我是一朵花</span>
						</div>
						<div class="info">
							<span class="w40">广东广州</span>
							<span class="w20">女</span>
							<span class="w20">23岁</span>
						</div>
					</a>	
					<div class="pbox">
						<p>怎么发现的?</p>
						<p class="mb10px">来自<a href="#" target="_blank">@解救单身青年</a></p>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<span class="col4">善良</span>
						<span class="col5">真美</span>
						<span class="col6">蛮会装b</span>
						<span class="col7">御姐feel</span>
						<span class="col8">小女孩</span>
						<span class="col9">高笑</span>
						<span class="col0">长得挺小</span>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<b class="vote">7.5分</b>
					</div>
				</li>
				<li>
					<a href="#">
						<div class="imgbox">
							<img src="http://photo.025.com/photoserver/photo/2013/5/3/3e687033a0aa430494d43402b381978d.jpg" />
							<span class="title">我是一朵花</span>
						</div>
						<div class="info">
							<span class="w40">广东广州</span>
							<span class="w20">女</span>
							<span class="w20">23岁</span>
						</div>
					</a>	
					<div class="pbox">
						<p>怎么发现的?</p>
						<p class="mb10px">来自<a href="#" target="_blank">@解救单身青年</a></p>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<span class="col4">善良</span>
						<span class="col5">真美</span>
						<span class="col6">蛮会装b</span>
						<span class="col7">御姐feel</span>
						<span class="col8">小女孩</span>
						<span class="col9">高笑</span>
						<span class="col0">长得挺小</span>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<b class="vote">7.5分</b>
					</div>
				</li>
				<li>
					<a href="#">
						<div class="imgbox">
							<img src="http://photo.025.com/photoserver/photo/2013/5/3/3e687033a0aa430494d43402b381978d.jpg" />
							<span class="title">我是一朵花</span>
						</div>
						<div class="info">
							<span class="w40">广东广州</span>
							<span class="w20">女</span>
							<span class="w20">23岁</span>
						</div>
					</a>	
					<div class="pbox">
						<p>怎么发现的?</p>
						<p class="mb10px">来自<a href="#" target="_blank">@解救单身青年</a></p>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<span class="col4">善良</span>
						<span class="col5">真美</span>
						<span class="col6">蛮会装b</span>
						<span class="col7">御姐feel</span>
						<span class="col8">小女孩</span>
						<span class="col9">高笑</span>
						<span class="col0">长得挺小</span>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<b class="vote">7.5分</b>
					</div>
				</li>
				<li>
					<a href="#">
						<div class="imgbox">
							<img src="http://photo.025.com/photoserver/photo/2013/5/3/3e687033a0aa430494d43402b381978d.jpg" />
							<span class="title">我是一朵花</span>
						</div>
						<div class="info">
							<span class="w40">广东广州</span>
							<span class="w20">女</span>
							<span class="w20">23岁</span>
						</div>
					</a>	
					<div class="pbox">
						<p>怎么发现的?</p>
						<p class="mb10px">来自<a href="#" target="_blank">@解救单身青年</a></p>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<span class="col4">善良</span>
						<span class="col5">真美</span>
						<span class="col6">蛮会装b</span>
						<span class="col7">御姐feel</span>
						<span class="col8">小女孩</span>
						<span class="col9">高笑</span>
						<span class="col0">长得挺小</span>
						<span class="col1">长得挺小</span>
						<span class="col2">长挺小</span>
						<span class="col3">傻傻的</span>
						<b class="vote">7.5分</b>
					</div>
				</li>



			</ul>
		</div>
	</div>
	<!-- girl god -->
	<div class="main">
		<div class="tool">
			<a class="fn_right pages" href="javascript:;">下一页</a>
			<a class="fn_right pages" href="javascript:;">上一页</a>
			<div class="tool_box">
				<span>类型</span>
				<label>
					<input type="radio" value="" name="" />
					全部
				</label>
				<label>
					<input type="radio" value="" name="" />
					性感型
				</label>
				<label>
					<input type="radio" value="" name="" />
					清纯美女
				</label>
				<label>
					<input type="radio" value="" name="" />
					智慧型
				</label>
			</div>
			
			
		</div>
		<div class="conter"></div>
	</div>
<!-- 弹窗 -->
	<div id="saybox" class="fn_hide" >
		<div class="tab">
			<a class="current" href="javascript:;">我单身我要登记!</a>
			<a href="javascript:;">随便聊聊</a>
		</div>
		<div class="tabbox ">
			<p>
				<span class="w60px">
					微博地址
				</span>
				<input type="text" class="w308px" />
			</p>
			<p class="font12px">为保证是本人,建议@我一下哈!   @单身屌丝程序员</p>
			<p>
				<span class="w60px">
					微信号
				</span>
				<input type="text" class="w308px"/>
			</p>
			<p>
				<span class="w60px">
					属性
				</span>
				<span class="border">
					<label>
						<input type="radio" name="" value="" checked="checked" >
						 学生
					</label>
					<label>
						<input type="radio" name="" value="">
						 青年
					</label>
					<label>
						<input type="radio" name="" value="">
						 中年 
					</label>

				</span>
			</p>
			<p>
				<span class="w60px">
					类型
				</span>
				<span class="border">
					<label>
						<input type="radio" name="" value="" checked="checked">
						 交友
					</label>
					<label>
						<input type="radio" name="" value="">
						 婚恋
					</label>
				</span>
			</p>
			<input type="button" value="发给屌丝程序员" class="but">
		</div>
		<!-- 随便聊聊 -->
		<div class="tabbox fn_hide">
			<textarea class="tx"></textarea>
			<p class="font12px">1.如果登记的信息有误,欢迎与我联系修改</p>
			<p class="font12px mb10px">2.欢迎随便给我留言哈,我会看到的</p>
			<input type="button" value="发给屌丝程序员" class="but">
		</div>
	</div>

</body>
<script>
$(function(){
	//我有话说
	$(".havesay").click(function(){
		$.dialog({
		    content: document.getElementById('saybox'),
		    title:'我是广州一家IT公司的屌丝程序员,住在上社.你懂的,一般IT公司基本上没女的,但是我在的组是特例,有一个女的,而且很美,但是她是策划.你懂的,策划和程序员永远是不可能的!吴MM,其实你很美'
		});
	});
	//弹窗切换
	$("#saybox .tab a").click(function(){
		$("#saybox .tab a").removeClass("current");
		$(this).addClass("current");
		var i = $("#saybox .tab a").index($(this));
		$("#saybox .tabbox").hide().eq(i).show();
	});
	//解救营&微博女神切换
	$(".header ul li").click(function(){
		$(".header ul li").removeClass("current");
		$(this).addClass("current");
		var e = $(".header ul li").index($(this));
		$(".main").hide().eq(e).show();
	});
});

</script>
</html>